草庐IT

CSS 响应中心 Div

全部标签

javascript - 响应类型为 text/plain 的 Angular 资源总是生成一个字符串数组

我将接收来自休息服务的记录计数的资源设为纯文本。Angular将答案中的每个字符组成一个数组。例如,如果rest回答20,angular将生成数组[2,0]。我可以在不转换响应或使用$http的情况下修复它吗?varresource=angular.module('resource');resource.factory('RecordResource',['$resource',function($resource){return$resource('/rest/records/:id',{},{count:{method:'GET',url:"/rest/records/count"

javascript - 通过 JavaScript 立即更改大小时,CSS 过渡不会动画

当在JavaScript中将元素的高度设置为0,然后立即将其更改为特定值时,该元素的CSS过渡不起作用。但是,通过将增加高度的代码放在setTimeout()中,即使延迟为0,转换也能正常工作,如您在以下代码片段中所见://Doesn'twork:document.getElementById("one").setAttribute("style","height:0px");document.getElementById("one").setAttribute("style","height:200px");//Works:document.getElementById("two")

javascript - 如何获取由 css 设置的元素的字体大小

我正在编写一个简单的jQuery来按一定百分比更改元素的字体大小。我遇到的问题是,当我使用jQuery的$('#el').css('font-size')获取大小时,它总是返回一个像素值,即使使用em设置也是如此。当我使用Javscript的el.style.font-size属性时,它不会返回一个值,直到一个值被同一属性显式设置。有什么方法可以使用Javascript获取原始CSS设置的字体大小值吗?您的方法对跨浏览器的友好程度如何?提前致谢!编辑:我应该注意到,所有经过测试的浏览器(见下面的评论)都允许我使用上面提到的两种方法使用“em”值设置文本大小,此时jQuery.css()

javascript - D3 "Sunburst"中心路径大小

所以我有一个非常标准的D3“Sunburst”图。然而,中心路径(即根)太大了。它占据了我图表的很大一部分,由于围绕它的更重要的弧线争夺空间而被浪费了。我正要在外环上添加标签,但我需要更多空间。见下文。我想让中心圆(浅灰色位)更小,外圈更厚。谁能帮帮我?这是我的代码:varwidth=850,height=700,padding=6,duration=750,labelLimit=120,radius=Math.min(width,height)/2-10;varx=d3.scale.linear().range([0,2*Math.PI]);vary=d3.scale.sqrt().

javascript - 如何像单选按钮一样在一组 div 之间只选择一个 div?

我有一组div:payment1payment2payment3我的JS:functionappendCheckMark(type){$(type).append('');}functionselectPayment(type){varval=$(type).attr('value');if(val=='paylater'){appendCheckMark(type);}elseif(val=='alipay'){appendCheckMark(type);}elseif(val=='wechatpay'){appendCheckMark(type);}}我的问题是,如何使这三个div

javascript - 是否有用于 visual studio 的 javascript/css 压缩器插件?

我正在寻找具有以下功能的visualstudio插件:在构建项目或执行工具时,插件会查找所有*.js和*.css文件并将它们压缩/最小化为*.min.js和*.min.css文件。在项目构建时执行该工具将使您能够在页面中保留对*.min.js的引用,同时对*.js文件的更改将立即写入*.min.js文件。有这样的东西吗?如果不是,最接近自动化此类任务的方法是什么?补充问题:自动合并文件怎么样? 最佳答案 查看这两个链接:AnMSbuildscriptforYUIcompressorYUIcompressorforVS

javascript - 带有事件 div 的自定义日历

我正在开发一个事件系统,它基本上是一个高度为720像素的容器,每个像素代表从上午9点到晚上9点的一分钟,宽度为620像素(左右填充10像素)日历系统的自然要求是:对象的布局应使它们在视觉上不会重叠。如果一个时间段内有一个事件,则其宽度为600px每个碰撞事件的宽度必须与其碰撞宽度的每个其他事件的宽度相同。事件应尽可能使用最大宽度,同时仍遵守第一个约束条件。输入将是一个数组,类似于:[{id:1,start:30,end:150},//aneventfrom9:30amto11:30am{id:2,start:540,end:600},//aneventfrom6pmto7pm{id:3

javascript - 如何通过 Javascript 通过 CSS 获取准确的 RGBa 值设置?

在我尝试过的大多数浏览器中,一旦浏览器解析了CSS,rgba()值似乎就会发生变化。例如,下面的CSS:background-color:rgba(255,0,0,0.5);通过jQuery.css('background-color')或原生CSSStyleDeclaration.getPropertyValue('background-color')访问时提供以下CSS值:rgba(255,0,0,0.498039)这是afiddle有更多的例子。Chrome和Safari给出不同的结果。Firefox似乎是唯一报告输入的准确值的浏览器。这是错误还是设计使然?

javascript - 为什么 z-index 不能在 Chrome 中使用 CSS 列?

我使用column-count创建的多列布局的z-index有问题。我想使用.animate()将单击的div移动到列表顶部,但是当我单击右列中的元素时,它会位于左列元素的后面。这在Firefox上运行良好,但在Chrome上不起作用。有什么想法吗?functiongotoTop(element){vardestinationTop=$('.categories').offset().top;varelementOffsetTop=$(element).offset().top;vardistanceTop=(elementOffsetTop-destinationTop);retur

javascript - 如何为特定的 div 应用 canvg() 函数?

我正在使用canvg()函数将svg转换为canvas。如果我们直接在onload上使用canvg(),它会将所有svg转换为canvas。我想转换与特定div相关的svg。HTMLNottoApply!脚本canvg();这里应该转换svg与div相关,它有id=apply。Fiddledemohere 最佳答案 我在canvg本身的源代码中找到了你问题的答案:canvg您需要更改查询选择器以从您的div中选择SVG://YourselectorherevarsvgTags=document.querySelectorAll('#